<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <th:block th:include="include :: header('详情')" />
    <link rel="stylesheet " href="../static/css/projectAll/projectAllDetail.css " th:href="@{/css/projectAll/projectAllDetail.css}"/>
</head>

<body>
    <div class="container-div">
        <div class="tabsnav search-collapse">
            <ul class="nav_tabs">
                <li class="tab-item">项目基本信息</li>
                <li class="tab-item">位置信息</li>
                <li class="tab-item">单位工程</li>
                <li class="tab-item">勘察成果审查信息</li>
                <li class="tab-item">施工图审查信息</li>
                <li class="tab-item">招投标信息</li>
                <li class="tab-item">监督信息</li>
                <li class="tab-item active">施工许可信息</li>
                <li class="tab-item">竣工备案信息</li>
                <li class="tab-item">返回</li>
            </ul>
        </div>
        <div class="tabsbody ">
            <div class="tabsbody-item">
                <form action="">
                    <table border="0" cellpadding="0" cellspacing="0">
                        <tbody>
                            <tr>
                                <td>
                                    <div class="page-title">
                                        <span>项目基本信息</span>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <table class="table table-bordered">
                                        <tbody>
                                            <tr>
                                                <td class="tdTitle">项目编号 </td>
                                                <td class="tdContent">4601002019473</td>
                                                <td class="tdTitle">项目名称 </td>
                                                <td colspan="2" class="tdContent">仁恒海棠公园一期（C区）</td>
                                            </tr>
                                            <tr>
                                                <td class="tdTitle">项目所在市(县)</td>
                                                <td class="tdContent">海口市</td>
                                                <td class="tdTitle">所在区</td>
                                                <td class="tdContent" colspan="2">秀英区</td>
                                            </tr>
                                            <tr>
                                                <td class="tdTitle">是否政府投资项目</td>
                                                <td class="tdContent">否</td>
                                                <td class="tdTitle">项目类型</td>
                                                <td class="tdContent" colspan="2">商品住宅</td>
                                            </tr>
                                            <tr>
                                                <td class="tdTitle">项目地址</td>
                                                <td class="tdContent" colspan="4">海口市秀英区海榆西线北侧</td>
                                            </tr>
                                            <tr>
                                                <td class="tdTitle">项目造价(万元)</td>
                                                <td class="tdContent">20000</td>
                                                <td class="tdTitle">建筑总面积(㎡)</td>
                                                <td class="tdContent" colspan="2">45555.1</td>
                                            </tr>
                                            <tr>
                                                <td class="tdTitle">地上建筑面积(㎡)</td>
                                                <td class="tdContent">34147.8</td>
                                                <td class="tdTitle">地下建筑面积(㎡)</td>
                                                <td class="tdContent" colspan="2">11407.3</td>
                                            </tr>
                                            <tr>
                                                <td class="tdTitle" style="text-align: center;">发改部门立项批准文号
                                                </td>
                                                <td class="tdContent" colspan="4">2019-460105-70-03-002592</td>
                                            </tr>
                                            <tr>
                                                <td class="tdTitle">项目状态</td>
                                                <td class="tdContent">在建</td>
                                                <td class="tdTitle">安全文明施工措施费(万元))</td>
                                                <td class="tdContent" colspan="2">0</td>
                                            </tr>
                                            <tr>
                                                <td class="tdTitle">建设工程规划许可证扫描件</td>
                                                <td class="tdContent" colspan="4"><a href="#">下载</a></td>
                                            </tr>
                                            <tr>
                                                <td class="tdTitle">发改部门立项批准文件扫描件</td>
                                                <td class="tdContent" colspan="4"><a href="#">查看</a></td>
                                            </tr>
                                            <tr>
                                                <td class="tdTitle">建设单位</td>
                                                <td class="tdContent" colspan="4"><a href="#">海南陆侨集团有限公司</a></td>
                                            </tr>
                                            <tr>
                                                <td class="tdTitle">监督站</td>
                                                <td class="tdContent" colspan="4">海口市秀英区建设工程质量安全监督站</td>
                                            </tr>
                                            <tr>
                                                <td class="tdTitle">项目简述</td>
                                                <td class="tdContent" colspan="4"> </td>
                                            </tr>
                                            <tr>
                                                <td class="tdTitle">经度</td>
                                                <td class="tdContent">0</td>
                                                <td class="tdTitle">纬度</td>
                                                <td class="tdContent" colspan="2">0</td>
                                            </tr>
                                            <tr>
                                                <td class="tdTitle">市政建设规模</td>
                                                <td class="tdContent" colspan="4">规划总用地面积10847.83，总建筑面积46250.47。18#、19#、20#、21#总高10层每栋面积为2654.95，22#、23#为25层每栋面积为11172.84.</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </form>
            </div>
            <div class="tabsbody-item">
                <div class="bootstrap-table">
                    <div class="fixed-table-container" style="padding-bottom: 0px;">
                        <div class="fixed-table-header" style="display: none;">
                            <table></table>
                        </div>
                        <div class="fixed-table-body">
                            <div class="fixed-table-loading" style="top: 41px; display: none;">正在努力地加载数据中，请稍候……</div>
                            <table id="bootstrap-table" class="table table-hover">
                                <thead>
                                    <tr>
                                        <th class="bs-checkbox " style="width: 36px; " data-field="0" tabindex="0">
                                            <div class="th-inner "><input name="btSelectAll" type="checkbox"></div>
                                            <div class="fht-cell"></div>
                                        </th>
                                        <th data-field="roleId" tabindex="0">
                                            <div class="th-inner ">角色编号</div>
                                            <div class="fht-cell"></div>
                                        </th>
                                        <th data-field="roleName" tabindex="0">
                                            <div class="th-inner sortable both">角色名称</div>
                                            <div class="fht-cell"></div>
                                        </th>
                                        <th data-field="roleKey" tabindex="0">
                                            <div class="th-inner sortable both">权限字符</div>
                                            <div class="fht-cell"></div>
                                        </th>
                                        <th data-field="roleSort" tabindex="0">
                                            <div class="th-inner sortable both asc">显示顺序</div>
                                            <div class="fht-cell"></div>
                                        </th>
                                        <th style="text-align: center; " data-field="5" tabindex="0">
                                            <div class="th-inner ">角色状态</div>
                                            <div class="fht-cell"></div>
                                        </th>
                                        <th data-field="createTime" tabindex="0">
                                            <div class="th-inner sortable both">创建时间</div>
                                            <div class="fht-cell"></div>
                                        </th>
                                        <th style="text-align: center; " data-field="7" tabindex="0">
                                            <div class="th-inner ">操作</div>
                                            <div class="fht-cell"></div>
                                        </th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr data-index="0">
                                        <td class="bs-checkbox "><input data-index="0" name="btSelectItem"
                                                type="checkbox"></td>
                                        <td>1</td>
                                        <td>管理员</td>
                                        <td>admin</td>
                                        <td>1</td>
                                        <td style="text-align: center; "><i class="fa fa-toggle-on text-info fa-2x"
                                                onclick="disable('1')"></i> </td>
                                        <td>2018-03-16 11:33:00</td>
                                        <td style="text-align: center; "><a class="btn btn-success btn-xs "
                                                href="javascript:void(0)" onclick="$.operate.edit('1')"><i
                                                    class="fa fa-edit"></i>编辑</a> <a class="btn btn-primary btn-xs "
                                                href="javascript:void(0)" onclick="authDataScope('1')"><i
                                                    class="fa fa-check-square-o"></i>数据权限</a> <a
                                                class="btn btn-info btn-xs " href="javascript:void(0)"
                                                onclick="authUser('1')"><i class="fa fa-user"></i>分配用户</a> <a
                                                class="btn btn-danger btn-xs " href="javascript:void(0)"
                                                onclick="$.operate.remove('1')"><i class="fa fa-remove"></i>删除</a> </td>
                                    </tr>
                                    <tr data-index="1">
                                        <td class="bs-checkbox "><input data-index="1" name="btSelectItem"
                                                type="checkbox"></td>
                                        <td>2</td>
                                        <td>操作员</td>
                                        <td>common</td>
                                        <td>2</td>
                                        <td style="text-align: center; "><i class="fa fa-toggle-on text-info fa-2x"
                                                onclick="disable('2')"></i> </td>
                                        <td>2018-03-16 11:33:00</td>
                                        <td style="text-align: center; "><a class="btn btn-success btn-xs "
                                                href="javascript:void(0)" onclick="$.operate.edit('2')"><i
                                                    class="fa fa-edit"></i>编辑</a> <a class="btn btn-primary btn-xs "
                                                href="javascript:void(0)" onclick="authDataScope('2')"><i
                                                    class="fa fa-check-square-o"></i>数据权限</a> <a
                                                class="btn btn-info btn-xs " href="javascript:void(0)"
                                                onclick="authUser('2')"><i class="fa fa-user"></i>分配用户</a> <a
                                                class="btn btn-danger btn-xs " href="javascript:void(0)"
                                                onclick="$.operate.remove('2')"><i class="fa fa-remove"></i>删除</a> </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                        <div class="fixed-table-footer" style="display: none;">
                            <table>
                                <tbody>
                                    <tr></tr>
                                </tbody>
                            </table>
                        </div>
                        <div class="fixed-table-pagination" style="display: block;">
                            <div class="pull-left pagination-detail"><span class="pagination-info">第 1 到 2 条，共 2
                                    条记录。</span><span class="page-list" style="display: none;"><span
                                        class="btn-group dropup"><button type="button"
                                            class="btn btn-default btn-outline dropdown-toggle"
                                            data-toggle="dropdown"><span class="page-size">10</span> <span
                                                class="caret"></span></button>
                                        <ul class="dropdown-menu" role="menu">
                                            <li class="active"><a href="javascript:void(0)">10</a></li>
                                        </ul>
                                    </span> 条记录每页</span></div>
                            <div class="pull-right pagination" style="display: none;">
                                <ul class="pagination pagination-outline">
                                    <li class="page-pre"><a href="javascript:void(0)">‹</a></li>
                                    <li class="page-number active"><a href="javascript:void(0)">1</a></li>
                                    <li class="page-next"><a href="javascript:void(0)">›</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="tabsbody-item">
               <div class="col-sm-12 select-table table-striped">
                <table id="unit-engineering"></table>
               </div>
            </div>
            <div class="tabsbody-item">
	            <div class="col-sm-12 select-table table-striped">
	                <table id="survey-results"></table>
	            </div>
            </div>
            <div class="tabsbody-item">
	            <div class="col-sm-12 select-table table-striped">
	                <table id="construction-drawing-review"></table>
	            </div>
            </div>
            <div class="tabsbody-item">
                <div class="col-sm-12 select-table table-striped">
	                <table id="bidding"></table>
	            </div>
            </div>
            <div class="tabsbody-item">
                <div class="col-sm-12 select-table table-striped">
	                <table id="supervisory-information"></table>
	            </div>
            </div>
            <div class="tabsbody-item">
	            <div class="col-sm-12 select-table table-striped">
		            <table id="consturctionCertInfo"></table>
		        </div>
            </div>
            <div class="tabsbody-item">
                <div class="col-sm-12 select-table table-striped">
		            <table id="completionRecordInfo"></table>
		        </div>
            </div>
            <div class="tabsbody-item"></div>
        </div>

    </div>

    <th:block th:include="include :: footer" />
    <script th:inline="javascript">
    var prefix = ctx + "supervise/constructionPermit";
    
        $(document).ready(function () {
        	$('.nav_tabs li').each(function(index){
        		if($(this).hasClass("active")){
        			var index = $(this).index();
        			$(".tabsbody .tabsbody-item").eq(index).show().siblings().hide();
        		}
        	})
            $('.nav_tabs li').click(function () {
                $(this).addClass('active').siblings().removeClass('active');
                var index = $(this).index();
               if($(this).text() == '返回'){
            	   window.history.back(-1);
               }
                $(".tabsbody .tabsbody-item").eq(index).show().siblings().hide();
            }) 
            $('#unit-engineering').bootstrapTable({
                columns: [
                {
                    field : 'id', 
                    title : '序号'
                },
                {
                    field : 'name', 
                    title : '单位工程名称'
                },
                {
                    field : 'status', 
                    title : '工程状态'
                },
                {
                    field : 'areaAll', 
                    title : '建筑总面积(㎡)'
                },
                {
                    field : 'areaUp', 
                    title : '地上建筑面积(㎡)'
                },
                {
                    field : 'areaDown', 
                    title : '地下建筑面积(㎡)'
                },
                {
                    field : 'totalLayer', 
                    title : '总层数'
                }
                ],
                data: [{
   	                    id: 1,
   	                    name: '仁恒海棠公园一期（C区）',
   	                    status: '在建（施工许可（审批通过））',
   	                    areaAll: '45555.1',
   	                    areaUp: '34147.8',
   	                    areaDown: '11407.3',
   	                    totalLayer: '26'
   	                }]
            });
            
            $('#survey-results').bootstrapTable({
                columns: [
                {
                    field : 'id', 
                    title : '序号'
                },
                {
                    field : 'name', 
                    title : '工程名称'
                },
                {
                    field : 'constructionUnit', 
                    title : '建设单位'
                },
                {
                    field : 'reconnaissanceUnit', 
                    title : '勘察单位'
                },
                {
                    field : 'censorship', 
                    title : '审查机构'
                },
                {
                    field : 'status', 
                    title : '状态'
                }
                ]/* ,
                data: [{
   	                    id: ,
   	                    name: ,
   	                    constructionUnit: ,
   	                    reconnaissanceUnit: ,
   	                    censorship: ,
   	                    status: ,
   	                }] */
            });
            
            $('#construction-drawing-review').bootstrapTable({
                columns: [
                {
                    field : 'id', 
                    title : '序号'
                },
                {
                    field : 'name', 
                    title : '工程名称'
                },
                {
                    field : 'constructionUnit', 
                    title : '建设单位'
                },
                {
                    field : 'designUnit', 
                    title : '设计单位'
                },
                {
                    field : 'censorship', 
                    title : '审查机构'
                },
                {
                    field : 'status', 
                    title : '状态'
                }
                ]/* ,
                data: [{
   	                    id: ,
   	                    name: ,
   	                    constructionUnit: ,
   	                    reconnaissanceUnit: ,
   	                    censorship: ,
   	                    status: ,
   	                }] */
            });
            
            $('#bidding').bootstrapTable({
                columns: [
                {
                    field : 'id', 
                    title : '序号'
                },
                {
                    field : 'name', 
                    title : '标段名称'
                },
                {
                    field : 'tenderType', 
                    title : '招标类型'
                },
                {
                    field : 'biddingOrganization', 
                    title : '招标组织形式'
                },
                {
                    field : 'biddingMethod', 
                    title : '招标方式'
                },
                {
                    field : 'constructionUnit', 
                    title : '建设单位'
                },
                {
                    field : 'biddingAgency', 
                    title : '招标代理机构'
                },
                {
                    field : 'status', 
                    title : '状态'
                }
                ]/* ,
                data: [{
   	                    id: ,
   	                    name: ,
   	                    constructionUnit: ,
   	                    reconnaissanceUnit: ,
   	                    censorship: ,
   	                    status: ,
   	                }] */
            });
            
            $('#supervisory-information').bootstrapTable({
                columns: [
                {
                    field : 'id', 
                    title : '序号'
                },
                {
                    field : 'name', 
                    title : '工程名称'
                },
                {
                    field : 'unitEngineering', 
                    title : '单位工程'
                },
                {
                    field : 'supervisionUnit', 
                    title : '监督单位'
                },
                {
                    field : 'status', 
                    title : '状态'
                },
                {
                    field : 'applicationTime', 
                    title : '申请时间'
                }
                ]/* ,
                data: [{
   	                    id: ,
   	                    name: ,
   	                    constructionUnit: ,
   	                    reconnaissanceUnit: ,
   	                    censorship: ,
   	                    status: ,
   	                }] */
            });
            
            $('#consturctionCertInfo').bootstrapTable({
                columns: [
                {
                    field : 'id', 
                    title : '序号'
                },
                {
                    field : 'name', 
                    title : '工程名称',
                    formatter: function (value, row, index) {
                         var actions = [];
                         actions.push('<a href="'+prefix+'/consturctionCertInfoDetail?name='+value+'">'+value+'</a>'); 
                         //actions.push('<a href="javascript:void(0)" onclick="$.operate.detailFull(\'' + row.id + '\')">'+value+'</a>');
                         return actions.join('');
                    }
                },
                {
                    field : 'constructionUnit', 
                    title : '建设单位'
                },
                {
                    field : 'generalContractor', 
                    title : '施工总包单位'
                },
                {
                    field : 'contractAmount', 
                    title : '施工合同金额（万元）'
                },
                {
                    field : 'area', 
                    title : '建设规模（平方米）'
                },
                {
                    field : 'status', 
                    title : '状态'
                }
                ] ,
                data: [{
   	                    id:1 ,
   	                    name:"仁恒海棠公园一期（C区）(仁恒海棠公园一期(C区))",
   	                    constructionUnit:"海南陆侨集团有限公司",
   	                    generalContractor:"龙信建设集团有限公司 ",
   	                    contractAmount:"16621.8245",
   	                    area:"45555.12",
   	                    status:"审批通过"
   	                }] 
            });
            
            $('#completionRecordInfo').bootstrapTable({
                columns: [
                {
                    field : 'id', 
                    title : '序号'
                },
                {
                    field : 'name', 
                    title : '工程名称'
                },
                {
                    field : 'constructionUnit', 
                    title : '建设单位'
                },
                {
                    field : 'constructionUnit', 
                    title : '施工单位'
                },
                {
                    field : 'censorship', 
                    title : '审查机构'
                },
                {
                    field : 'status', 
                    title : '状态'
                }
                ] /* ,
                data: [{
   	                    id:1 ,
   	                    name:"仁恒海棠公园一期（C区）(仁恒海棠公园一期(C区))",
   	                    constructionUnit:"海南陆侨集团有限公司",
   	                    generalContractor:"龙信建设集团有限公司 ",
   	                    contractAmount:"16621.8245",
   	                    area:"45555.12",
   	                    status:"审批通过"
   	                }] */ 
            });
        });
    </script>
</body>

</html>